State manager

Use a State Manager to create different states in your Kanzi application. For example, you can define the appearance and behavior of a button during different states, such as how the button reacts when a user selects, presses, holds, or releases that button. Kanzi uses its animation system to animate the transitions between states. See Animation system.

Each state manager consists:

For example, a state manager for a button can contain three state groups: button pressed, button released, and hover over button. Each state group contains enabled and disabled states that through state objects define the appearance and behavior of the button when it is in one of the states, and the transition between the states.

You can define the changes between states in these ways:

Learn how to use state managers by completing one of these tutorials:

Easing functions

Use an easing function to make UI elements more lifelike. Because objects in real life never start or stop immediately, an appropriate easing function can help you create a more pleasant user experience. See Using state transitions.

Hover over the image of the easing function to see the type of the animation it creates.

Easing function Easing mode
  Ease in Ease out Ease in out
Back

Bounce

Circle

Cubic

Elastic

Exponential

Linear

Power

Quadratic

Quartic

Quintic

Sine

Smoother step

Smooth step

Step

See also

Tutorial: Use state managers to control your application

Tutorial: Creating a button

Tutorial: Creating a toggle button

Tutorial: Creating cluster indicators

Using state managers

Using state transitions

Animation system